<template>
  <view class="content">
    <!-- <view class="bg"></view> -->
    <view class="back-icon">
      <uni-icons type="back" color="#fff" size="25" @click="goBack"></uni-icons>
    </view>
    <image class="box-img" v-for="(item,index) in swiperList" :key="index"
           :src="item.dictInfoImg"
           mode="widthFix"></image>
<!--    <image class="box-img"-->
<!--           src="https://project-temp-file.oss-cn-hangzhou.aliyuncs.com/006-dir/2023221/1676947653497.jpg"-->
<!--           mode="widthFix"></image>-->

    <view class="box-down">
      <view class="box-btn" @click="goEtcManage">立即办理</view>
    </view>

  </view>
</template>

<script lang="ts">
// @ts-nocheck
import Vue from 'vue';
import {getDictAll} from "../../api/common/dict";
export default Vue.extend({
  data() {
    return {
      wxPrice: '',
      swiperList:[]
    }
  },
  onShow() {
    this.wxPrice = uni.getStorageSync('wxPrice');
    this.getWxSwiper();
  },
  methods: {
    // 返回
    goBack() {
      uni.navigateBack()
    },
    //立即办理
    goEtcManage(){
      uni.navigateTo({
        url:'/pages/index/etc-manage?price=' + this.wxPrice + '&navIndex=2'
      })
    },
    async getWxSwiper() {
      const params = {
        dictCode: 'handle_wx'
      }
      const data = await getDictAll(params)
      this.swiperList = data;
      // console.log(data, '获取办理-微信')
    },
  }
})
</script>

<style scoped>
.content {
  padding-bottom: 185rpx;

}

.bg {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  /* background-color: red; */
}

.back-icon {
  position: fixed;
  top: 100rpx;
  padding-left: 34rpx;
}

.box-img {
  width: 100%;
  height: 100%;
  display: block;
}

.box-down {
  width: 100%;
  height: 158rpx;
  display: flex;
  align-items: center;
  justify-content: center;
  position: fixed;
  bottom: 0;
  /* padding-top: 21rpx; */
  padding-bottom: 36rpx;
  background-color: #fff;
}

.box-btn {
  width: 598rpx;
  line-height: 101rpx;
  text-align: center;
  background-color: #1777FF;
  color: #fff;
  font-size: 30rpx;
  border-radius: 55rpx;
}
</style>
